<template>
  <div class="newList_container">
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media" v-for="item in newList" :key="item.time">
        <router-link :to="'/home/newList/'+item.newId">
          <img
            class="mui-media-object mui-pull-left"
            src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555774307830&di=dd848429a75ebf703146f0526c1d1999&imgtype=0&src=http%3A%2F%2Fimg1.3lian.com%2F2015%2Fa1%2F46%2Fd%2F95.jpg"
          >
          <div class="mui-media-body">
            <h1>{{item.newTitle}}</h1>
            <p class="mui-ellipsis">
              <span>发表时间：{{item.time}}</span>
              <span>点击：{{item.count}}次</span>
            </p>
          </div>
        </router-link>
      </li>
      
    </ul>
  </div>
</template>

<script>
export default {
    data(){
        return {
            newList:[
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：10",count:"10",newId:"1"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：12",count:"10",newId:"2"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：13",count:"10",newId:"3"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：14",count:"10",newId:"4"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：16",count:"10",newId:"5"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：17",count:"10",newId:"6"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：18",count:"10",newId:"7"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：19",count:"10",newId:"8"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：40",count:"10",newId:"9"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：45",count:"10",newId:"10"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：23",count:"10",newId:"11"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：34",count:"10",newId:"12"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：26",count:"10",newId:"13"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：28",count:"10",newId:"14"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：48",count:"10",newId:"15"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：30",count:"10",newId:"16"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：56",count:"10",newId:"17"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：57",count:"10",newId:"18"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：59",count:"10",newId:"19"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：29",count:"10",newId:"20"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：39",count:"10",newId:"21"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：36",count:"10",newId:"22"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：51",count:"10",newId:"23"},
                {newTitle:"认真的是非常好的事情",time:"2019-04-20 22:26：41",count:"10",newId:"34"}
            ]
        }
    }
};
</script>

<style lang="less" scoped>
.newList_container {
  .mui-table-view {
    li {
      h1 {
        font-size: 14px;
      }
      .mui-ellipsis{
          font-size: 12px;
          color:blue;
          display: flex;
          justify-content:space-between;
      }
    }
  }
}
</style>


